@extends('public.layouts')
@section('style')
    <meta name="_token" content="{{ csrf_token() }}"/>
    <style>
        .trademark-th{
            text-align: center;
        }
        .trademark-td{
            text-align: center;
        }
    </style>
    <link rel="stylesheet" href="{{asset('admin_assets/css/bootstrap-datetimepicker.min.css')}}">
    <link rel="stylesheet" href="{{url('admin_assets/css/ip.css')}}">
@stop
@section('content')
    <div class="content-wrapper" style="background-color: white">
        <section class="content">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="box box-info"
                         style="padding-top: 0px;margin-top: 0px;border-top: 0px;border-bottom: solid 1px #0080ff;">
                        <div class="box-body" style="">
                            <div class="row">
                                <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12" style="margin-top: 0.5vw">
                                    <a href="#" title="返回首页" style="float: left"><i class="fa fa-home fa-2x"
                                                                                    style="width: 100%;color: #0080FF">
                                        </i></a>
                                    <a href="#"><span style="font-size: 20px;float: left">&nbsp;我的商标</span></a>
                                    <div class="clear"></div>
                                </div>
                                <div class="col-lg-1 col-md-1 col-sm-12 col-xs-12 col-lg-offset-8 col-md-offset-8 btn-div" style="margin-top: 1%">
                                    <button type="button" class="btn btn-info div-btn" data-toggle="modal" data-target="#modal-addTrademark" style="background: #0080ff;width: 100%">新增商标</button>
                                </div>
                                <div class="col-lg-1 col-md-1 col-sm-12 col-xs-12 btn-div" style="margin-top: 1%">
                                    <button type="button" class="btn btn-info div-btn" data-toggle="modal" data-target="#modal-batchImportTrademark" style="background: #0080ff;width: 100%">批量导入</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row" style="margin-top: 2%">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="table-responsive">
                        <table class="table table-bordered">
                            <thead>
                            <tr>
                                <th class="trademark-th">序号</th>
                                <th class="trademark-th">申请人</th>
                                <th class="trademark-th">商标类型</th>
                                <th class="trademark-th">商标编号</th>
                                <th class="trademark-th">商标名称</th>
                                <th class="trademark-th">商标申请日期</th>
                                <th class="trademark-th">商标授权日期</th>
                                <th class="trademark-th">报件员</th>
                                <th class="trademark-th">进度状态</th>
                                <th class="trademark-th">续展监控</th>
                                <th class="trademark-th">附件资料</th>
                                <th class="trademark-th">操作</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td class="trademark-td" style="vertical-align: middle">1</td>
                                <td class="trademark-td" style="vertical-align: middle">张三</td>
                                <td class="trademark-td" style="vertical-align: middle">商标</td>
                                <td class="trademark-td" style="vertical-align: middle">2016203000</td>
                                <td class="trademark-td" style="vertical-align: middle">壹</td>
                                <td class="trademark-td" style="vertical-align: middle">2016-01-01</td>
                                <td class="trademark-td" style="vertical-align: middle">2017-01-01</td>
                                <td class="trademark-td" style="vertical-align: middle">刘一</td>
                                <td class="trademark-td" style="vertical-align: middle">收到报件</td>
                                <td class="trademark-td" style="vertical-align: middle">2017-12-01</td>
                                <td class="trademark-td" style="vertical-align: middle"><a href="#">上传通知书&nbsp;</a>  <a href="#">&nbsp;下载资料</a></td>
                                <td class="trademark-td" style="vertical-align: middle">
                                    <a href="#" data-toggle="modal" data-target="#modal-trademark-extension">续展商标&nbsp;</a>
                                    <a href="#">&nbsp;申请纸质通知书&nbsp;</a>
                                    <a href="#">&nbsp;删除</a>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </section>
    </div>
    @include('public.addTrademarkModal')
    @include('public.batchImportTrademarkModal')
    @include('public.trademarkExtensionModal')
@stop
@section('javascript')
    <script src="{{asset('admin_assets/js/bootstrap-datetimepicker.min.js')}}"></script>
    <script>
        $(".form_datetime").datetimepicker({
            format: "yyyy-mm-dd hh:ii:ss",
            autoclose: true,
            todayBtn: true,
            minuteStep: 10,
            language: "en"
        });
    </script>
@stop
